<template>
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
    <van-swipe-item v-for="item of slides" :key="item.goodsId">
      <router-link :to="{path:'/details',query:{id:item.goodsId}}">
      <van-image :src="$filterImage(item.image)" lazy-load>
        <template v-slot:loading>
          <van-loading type="spinner" size="20" color="#1989fa" />
        </template>
      </van-image></router-link>
    </van-swipe-item>
  </van-swipe>
</template>

<script>
export default {
  data() {
    return {
      slides: []
    };
  },
  created() {
    this.$eventBus.$on("getIndexInfo", res => {
      this.slides = res.slides;
    });
  }

  // props:{
  //     datas:{
  //         type:Object,
  //         required:true
  //     }
  // },
  // data(){
  //     return{
  //         slides:[]
  //     }
  // },
  // created(){
  //     // console.log(this.slides)
  // },
  // watch:{
  //     datas:{
  //         handler(newVal){
  //             this.slides=newVal.slides
  //         },
  //         deep:true
  //     }
  // }
};
</script>

<style>
</style>